/* pages/profile/profile.wxss */
page {
	height: 100vh;
	background-color: #DCDCDC;
}

.user-info {
	margin-top: 30rpx;
	display: flex;

	.avator {
		image {
			margin: 20rpx 50rpx;
			width: 130rpx;
			height: 130rpx;
			border-radius: 100rpx;
		}
	}

	.user-name {
		margin-top: 20rpx;
		display: flex;
		flex-direction: column;
		height: 45rpx;
		font-size: 34rpx;
	}

	.address {
		margin-top: 50rpx;
		height: 60rpx;
		display: flex;

		text {
			padding: auto 10rpx;
			font-size: 28rpx;
		}

		image {
			width: 40rpx;
			height: 40rpx;
		}

		.arrow{
			image{
				width: 30rpx;
				height: 30rpx;
			}
		}

	}

	.cs {
		image {
			margin-top: 20rpx;
			margin-left: 240rpx;
			width: 46rpx;
			height: 46rpx;
		}
	}
}

.order-container {
	
	border-radius: 20rpx;
	margin: 10rpx 30rpx;
	background-color: white;

	.order-title {
		padding-top: 22rpx;
		padding-left: 35rpx;
		;
		font-size: 36rpx;
		font-weight: 600;
	}

	.order-classify {
		padding: 0 30rpx;
		margin-top: 15rpx;
		display: flex;
		justify-content: space-between;

		view {
			padding: 25rpx 25rpx;
			align-items: center;
			display: flex;
			flex-direction: column;
			image {

				height: 70rpx;
				width: 70rpx;
			}

			text {
				font-size: 30rpx;
			}
		}
	}
}

.end-container{
	height: auto;
	background-color: white;
	margin: 30rpx 30rpx;
	border-radius: 30rpx;
	.component{
		display: flex;
		image{
			padding: 30rpx 30rpx;
			height: 40rpx;
			width: 40rpx;
		}
		text{
			padding: 30rpx 0;
		}

		.arrow{
			image{
				width: 35rpx;
				height: 35rpx;
				margin-left: 360rpx;
			}
		}
	}

	.divider {
		width: 100%;
		height: 1rpx; /* 分割线的高度 */
		background-color: black; /* 分割线的颜色 */
		margin: 5rpx auto;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgb(112, 110, 110) 50%, rgba(0, 0, 0, 0) 90%); /* 渐变效果 */
	}


}